<!--<html>-->
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
        <meta charset="UTF-8">
        <head>
            <style>
                body {
                    background: linear-gradient(#e66465, #9198e5);
                    font-family: Roboto;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .login {
                    background-color: #0b132b;
                    width: 400px;
                    color: #f8f9fa;
                    padding: 40px;
                    box-shadow: 10px 10px 25px #000000;
                    text-align: center;
                }

                .login input {
                    display: block;
                    margin: 20px auto;
                    text-align: center;
                    background: none;
                    padding: 12px;
                    font-size: 15px;
                    border-radius: 22px;
                    outline: none;
                    color: #f8f9fa;
                }

                .login input[type="text"],
                .login input[type="password"] {
                    border: 2px solid #3498db;
                    width: 220px;
                }

                .login input[type="submit"] {
                    width:150px;
                    border: 2px solid #2ecc71;
                    cursor: pointer;
                }

                .login input[type="text"]:focus,
                .login input[type="password"]:focus {
                    border-color: #2ecc71;
                    width: 250px;
                    translate: 0.5s;
                }

                .login input[type="submit"]:hover {
                    background-color: #2ecc71;
                    translate: 0.5s;
                }

            </style>
        </head>

        <body>
        <div>
                <form action="/sendLoginCode" method="post" class="login">
                    <label for="email">请输入您的邮箱地址:</label>
                    <input type="email" id="email" name="email" required />
                    <button type="submit">发送登录验证码</button>
                </form>
            <br>
                <form action="/checkCode" method="post" class="login">
                    <label for="mailCode">请输入收到的验证码:</label>
                    <input type="text" id="mailCode" name="mailCode" required />
                    <button type="submit">登录</button>
                </form>
        </div>
        </body>

        </html>
